<template>
  <div>
     <!-- 头部 -->
    <div class="w-header1">
      <div class="w-xhead1">
        <!-- <i @click="zhu()"></i> -->
          <!-- 内容显示区域 就看见看见看见-->
         <slot></slot>
      </div>
    </div>
  </div>
</template>

<script>
export default {
    name:'Head',
    data(){
        return{}
    },methods:{
        // zhu(){
        //     this.$router.go(-1);
        // }
    }

}
</script>

<style>
/* 可以共用样式头部 */
/* 头部 */
.w-header1{
  background-color: #e53e42;
  width: 100%;
  height: 9.6rem;
  color: #fff;
  font-size: 3.6rem;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
}
.w-xhead1{
  height:9.6rem;
  width:calc(100% - 4rem) ;
  padding: 0 2rem;
  line-height: 9.6rem;
  position: relative;
}
.w-xhead1 i:nth-child(1){
    height: 3.8rem;
    width: 3.8rem;
    position: absolute;
    top: 50%;
    left: 1.3rem;
    transform: translateY(-1.9rem);
    background: url(../../../assets/user/user-wback.png) no-repeat 0 0;
}
.w-xhead1 em{
    height: 9.6rem;
    line-height: 9.6rem;
    position: absolute;
    right: 2rem;
    top: 0;
    font-size: 3rem;
}

</style>